<!--订单详情-->
<div class="am-u-sm-12 widget" style="margin:10px ;">
	<fieldset>
		<legend>订单信息</legend>
		<div class="am-u-sm-12">
			<div class="am-u-sm-4 am-text-truncate">
				<div class="am-u-sm-3 am-text-truncate">订单号：</div>
				<div class="am-u-sm-9">{$item.order_no}</div>
			</div>
			<div class="am-u-sm-4 am-text-truncate">
				<div class="am-u-sm-3 am-text-truncate">订单状态：</div>
				<div class="am-u-sm-9">{if $item.order_state==0}
										待用车
										{elseif $item.order_state==1/}
										已派车
										{elseif $item.order_state==2/}
										接驾中
										{elseif $item.order_state==3/}
										已到达出发地
										{elseif $item.order_state==4/}
										已到达目的地
										{elseif $item.order_state==5/}
										待支付
										{elseif $item.order_state==6/}
										待评价
										{elseif $item.order_state==7/}
										已完成
										{elseif $item.order_state==8/}
										已取消
										{elseif $item.order_state==9/}
										已终止
										{/if}
				</div>
			</div>
			<div class="am-u-sm-4 am-text-truncate">
				<div class="am-u-sm-3 am-text-truncate">订单类型：</div>
				<div class="am-u-sm-9">{if $item.order_type==0}
										公务订单
										{else/}
										企业订单
										{/if}
				</div>
			</div>
		</div>
	</fieldset>
	<div class="am-tabs" data-am-tabs style="padding: 10px;">
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active">
				<a href="#tab1">下单信息</a>
			</li>
			<li>
				<a href="#tab2">收费信息</a>
			</li>
			<li>
				<a href="#tab3">跟进信息</a>
			</li>
		</ul>

		<div class="am-tabs-bd">
			<div class="am-tab-panel am-fade am-in am-active" id="tab1">
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">下单时间：</div>
						<div class="am-u-sm-8">{$item.order_time}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">下单人：</div>
						<div class="am-u-sm-8">{$item.orderer}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">车型：</div>
						<div class="am-u-sm-8">{$item.model}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">用车类型：</div>
						<div class="am-u-sm-8">{$item.use_type}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">乘客：</div>
						<div class="am-u-sm-8">{$item.passenger_name}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">电话：</div>
						<div class="am-u-sm-8">{$item.passenger_phone}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">出发地：</div>
						<div class="am-u-sm-8">{$item.departure}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">目的地：</div>
						<div class="am-u-sm-8">{$item.destination}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">预估里程：</div>
						<div class="am-u-sm-8">{$item.estimate_mileage}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">乘车单位：</div>
						<div class="am-u-sm-8">{$item.company}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">审批人：</div>
						<div class="am-u-sm-8">{$item.approval}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">司机：</div>
						<div class="am-u-sm-8">{$item.driver_name}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">车牌：</div>
						<div class="am-u-sm-8">{$item.number}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">汽车型号：</div>
						<div class="am-u-sm-8">{$item.car_type}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">评价：</div>
						<div class="am-u-sm-8">{$item.evaluate}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">评星：</div>
						<div class="am-u-sm-8">{$item.star}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-12">
						<div class="am-u-sm-1 am-text-truncate">投诉建议：</div>
						<div class="am-u-sm-11">{$item.proposal}</div>
					</div>
				</div>

			</div>
			<div class="am-tab-panel am-fade" id="tab2">
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">起步价：</div>
						<div class="am-u-sm-8">{$item.starting_price}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">里程费：</div>
						<div class="am-u-sm-8">{$item.mileage_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">夜间行驶费：</div>
						<div class="am-u-sm-8">{$item.night_driving_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">低速行驶费：</div>
						<div class="am-u-sm-8">{$item.low_speed_cost}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">时长费：</div>
						<div class="am-u-sm-8">{$item.time_charge}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">远途费：</div>
						<div class="am-u-sm-8">{$item.transit_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">取消费：</div>
						<div class="am-u-sm-8">{$item.cancel_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">停车费：</div>
						<div class="am-u-sm-8">{$item.parking_cost}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">路桥费：</div>
						<div class="am-u-sm-8">{$item.road_bridge_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">高速费：</div>
						<div class="am-u-sm-8">{$item.high_speed_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">候客费：</div>
						<div class="am-u-sm-8">{$item.waiting_cost}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">其他费：</div>
						<div class="am-u-sm-8">{$item.other_cost}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">实际里程：</div>
						<div class="am-u-sm-8">{$item.actual_mileage}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">用时：</div>
						<div class="am-u-sm-8">{$item.time}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">原价：</div>
						<div class="am-u-sm-8">{$item.original_price}</div>
					</div>
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">折扣：</div>
						<div class="am-u-sm-8">{$item.discount}</div>
					</div>
				</div>
				<div class="am-u-sm-12" style="margin-bottom: 10px;">
					<div class="am-u-sm-3">
						<div class="am-u-sm-4 am-text-truncate">结算价：</div>
						<div class="am-u-sm-8">{$item.settlement_price}</div>
					</div>
				</div>
			</div>

			<div class="am-tab-panel am-fade" id="tab3">
				<div class="am-u-sm-8" >
					<table  width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped tpl-table-black " id="example-r">
						<thead>
							<tr>
								<th>订单进度</th>
								<th>具体时间</th>
							</tr>
						</thead>
						<tbody>
							{foreach $list as $key => $item}
							<tr>
								
								<td>申请时间</td>
								<td>{$item.apply_time}</td>
							</tr>
							{/foreach}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>